<template>
  <div id="main">
    <div style="padding-top:1%">
      <span
        style="color:green;
            font-weight:bold;
            font-size:30px;"
        >规则介绍</span
      >
      <div name="yourpassion" style="margin-top:1%;">
        <span
          style="font-weight:bold;
            font-size:25px;"
          >您的任务</span
        ><br />
        <br />
        <span
          >实验开始后，程序会分配其他1个参与者与您共同组成一个包含2个人的小组。</span
        ><br />
        <span
          >具体的实验内容如下：您所在的小组正面临一个项目投资，投资共包含10轮。每轮投资开始时，每位参与者都将获得10个点的初始资金。</span
        ><br />
        <span
          >您需要决定自己为该项目投资多少个点（投资点数必须是0-10的整数），小组内的其他成员也将同时各自独立做出自己的决策。</span
        ><br />
        <span
          >您做出投资具体点数的决策后，剩余的保留点数依然归您所有。</span
        ><br />
        <span>在小组成员全部做出决策后，所有人投资点数将被汇总求和，并扩大为原来的1.5倍。</span><br><br>
        <span
          >这个扩大后点数将平均分配给小组内的所有成员，不论其对小组项目投资多少。</span
        ><br /><br />
        <span
          >若您所在的小组有成员因掉线或其他原因中途退出实验，实验将继续进行，但小组规模会相应缩减。</span
        >
      </div>
      <div name="incomcal" style="margin-top:1%">
        <span
          style="font-weight:bold;
            font-size:25px;"
          >收益计算</span
        ><br><br>
        <span
          >您每轮的收益 = 您为自己保留的点数 +
          您从小组投资项目中得到的点数</span
        ><br />
        <span>您的报酬 = 您在10轮投资中的收益总和 x 0.1 (元)</span>
      </div>
      <br />
      <div name="example">
        <span
          style="font-weight:bold;
            font-size:25px;"
          >示例</span
        ><br /><br />
        <img src="@/assets/show.jpg" />
      </div>
      <div name="informationpublic" style="margin-top:1%">
        <span
          style="font-weight:bold;
            font-size:25px;"
          >信息公开</span
        ><br><br>
        <span
          >每轮投资结束后，您将看到所有成员的投资点数和您在该轮的收益，您可参考以上信息决定您在下一轮的投资策略。</span
        ><br />
        <span
          >请注意，投资为匿名形式，即您可以看到其他人的投资点数，但无法获知其真实身份。</span
        >
      </div>
      <div name="timelimit" style="margin-top:1%">
        <span
          style="font-weight:bold;
            font-size:25px;"
          >时间限制</span
        ><br /><br />
        <span
          >您需要在屏幕上显示的倒计时内做出决定，否则，系统将会随机产生输入作为您的决策，这将可能影响您参与实验的报酬。</span
        >
      </div>
    </div>
    <a
      href="#"
      class="submit"
      style="
            margin-top:20px;
            display:inline-block;
            padding: 18px 30px;
            color:#fff !important;
            font-weight:bold;
            border-radius:10px;
            font-size:16px;
            text-decoration:none !important;
            line-height:1;
            text-transform: uppercase;
            background-color:transparent;

            -webkit-transition:background-color 0.25s;
            -moz-transition:background-color 0.25s;
            transition:background-color 0.25s;
            background-color:#cc3d6a;"
      >进入投资</a
    >
    <p></p><br>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data () {
    return {}
  }
}
</script>
